<!DOCTYPE html>
<html lang='zh-CN'>

<head>
    <meta charset='utf-8'>
    <meta http-equiv='X-UA-Compatible' content='IE=edge'>
    <meta name='viewport' content='width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no' >
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <meta name='renderer' content='webkit'>
    <!-- 目前仅限360急速浏览 webkit:急速  ie-comp:ie兼容模式   ie-stand: ie标准模式 -->
    <title>学习进阶</title>
    <meta name='keywords' content='股票基础知识，投资知识'>
    <meta name='description' content='股票基础知识，投资知识'>
	<link rel='icon' type='image/x-icon' href='images/g.ico' />
    <!-- Bootstrap中文字体版 -->
    <link href='css/bootstrap.min.css' rel='stylesheet'>
    <!-- 自定义样式 -->
    <link href='css/common.css' rel='stylesheet'>
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src='js/html5shiv.min.js'></script>
    <script src='js/respond.min.js'></script>
    <![endif]-->
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src='js/jquery.min.js'></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src='js/bootstrap.min.js'></script>
</head>

<body>
<!-- <!-- 整站通用的头部及导航条 -->
<div id='header'>
    <nav class='navbar navbar-default navbar-fixed-top'>
        <div class='container'>
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class='navbar-header'>
                <button type='button' class='navbar-toggle collapsed' data-toggle='collapse'
                        data-target='#bs-example-navbar-collapse-1' aria-expanded='false'>
                    <span class='sr-only'>Toggle navigation</span>
                    <span class='icon-bar'></span>
                    <span class='icon-bar'></span>
                    <span class='icon-bar'></span>
                </button>
                <a class='navbar-brand' style='padding:0 0 0 15px;' href='index.html'><img alt='股票开户' style='max-width:130px;'
                                                                                  src='images/logo.png'><span class='hide'>股票开户</span></a>
            </div>
            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class='collapse navbar-collapse' id='bs-example-navbar-collapse-1'>
                                <ul class='nav navbar-nav navbar-right'>
     									<li  ><a href='index.html'>首页 </a></li>
                                        <li ><a href='seo/seocontent-58.html'>优惠开户</a></li>
                                        <li ><a href='newslist.html'>财经十二</a></li>
                                        <li class='active'><a href='xuexijinjie.html'>学习进阶<span class='sr-only'>(current)</span></a><p class='line-top hidden-xs'></p></li>
                                        <li ><a href='caijingbowen.html'>财经博文</a></li>  <!--放seo文章的-->
                                        <li ><a href='seo/seocontent-58.html'>联系我们</a></li>
                                      
                                    </ul>
                            </div>
            <!-- /.navbar-collapse -->
        </div>
        <!-- /.container-fluid -->
    </nav>
</div>
<!-- <!-- 整站通用的头部及导航条 -->
<div class='container'>
	<div class='row'>
		<div class='col-sm-12'>
			<ol class='breadcrumb' style='margin-top: 10px; margin-bottom: 10px;'>
				<li><a href='index.html'>首页</a></li>
				<li><a href='xuexijinjie.html'>学习进阶</a></li><li><a href='index.html'></a></li>				<li class='active'></li>
			</ol>
		</div>
	</div>
</div>

<div class='main-container' id='app'>
<div class='container'>
<div class='row main-container-row' style='position: relative'>
<div class='col-sm-3'>

<nav class='navbar navbar-default'>
  <div class='container-fluid'>
    <!-- Brand and toggle get grouped for better mobile display -->
    <div class='navbar-header'>
      <button type='button' class='navbar-toggle collapsed' data-toggle='collapse' data-target='#bs-example-navbar-collapse-2' aria-expanded='false'>
        <span class='sr-only'>Toggle navigation</span>
        <span class='glyphicon glyphicon-list'></span>

      </button>
      <a class='navbar-brand' href='#'>栏目</a>
    </div>

    <!-- Collect the nav links, forms, and other content for toggling -->
    <div class='collapse navbar-collapse' id='bs-example-navbar-collapse-2'>
      <ul class='nav nav-pills nav-stacked' style='margin-top: 3.5rem;'>

        <li class='dropdown'>
          <a href='#' class='dropdown-toggle' data-toggle='dropdown' role='button' aria-haspopup='true' aria-expanded='false'>股票 <span class='caret'></span></a>
          <ul class='dropdown-menu'>			  
            <li><a href='xuexijinjie.html'>股票</a></li>
            <li><a href='xuexijinjie-1.html'>创业板</a></li>
            <li><a href='xuexijinjie-2.html'>科创板</a></li>            
            <li><a href='xuexijinjie-3.html'>融资融券</a></li>
			<li><a href='xuexijinjie-4.html'>港股通</a></li>
			<li><a href='xuexijinjie-5.html'>三板</a></li>
          </ul>
        </li>
		<li><a href='xuexijinjie-6.html'>债券</a></li>
		<li><a href='xuexijinjie-7.html'>基金</a></li>
		<li><a href='xuexijinjie-8.html'>期货</a></li>
		<li><a href='xuexijinjie-9.html'>黄金</a></li>
		<li><a href='xuexijinjie-10.html'>外汇</a></li>
		<li><a href='xuexijinjie-11.html'>其他</a></li>
      </ul>


    </div><!-- /.navbar-collapse -->
  </div><!-- /.container-fluid -->
</nav>
			

</div>
<div class='col-xs-12 col-sm-9 usinfo-article'>
	<div class='article-title'>
		<h1 class='h2 titleKey'>外汇<small class='hidden-xs'></small></h1>
	</div>
	<ul class='list-group' v-for='site in sites'>
	 

	</ul>
</div>
<p class='hidden-xs' id='left-line'></p>
</div>
</div>
</div>


<script type='text/javascript'>
	$(function(){
		$('.article-content table').addClass('table table-bordered table-hover');
	});
	/** 响应式sidebar 左侧菜单 **/
	$(function () {
		//页面加载时初始化
		var sidebar = $('#sidebar');
		var sidebarContent = $('#sidebarContent');
		var sidebarBg = $('#sidebar-bg');

		var navHeight = (window.innerWidth < 768) ? 0 : 82;
		var floor = new Array();


		//点击显示菜单按钮
		$('#slider-menu').click(function(event){
			if( sidebar.is(':hidden')){
				sidebar.show();
				sidebarBg.css({
					'position' : 'fixed',
					'top' : 0,
					'left' : 0,
					'display' : 'block',
					'width' : '100%',
					'height' : '100%',
					'z-index' : 1090,
					'background-color' : 'rgba(0,0,0,0.5)'
				});
			}else{
				sidebar.hide();
				sidebarBg.hide();
			}
		});
		//如果是手机屏幕, 点周空白处隐藏菜单
		sidebarBg.click(function(){
			sidebar.hide();
			sidebarBg.hide();
		});


		var buildAnchor = function(){
			var anchorLi = '';
			//将页面的h3作为锚点链接, 添加到导航菜单中
			$('.article-content h3').each(function(){
				floor.push($(this).offset().top);
				anchorLi += '<li><a>' + $(this).text() + '</a></li>';
			});
			//测试时用, 实际使用时可删除
			$('.left-anchor').empty();
			$('.left-anchor').append(anchorLi);
			$('.left-anchor').children(':first').children(':first').addClass('left-active-sub');

			//为新加的锚点裢接绑定跳转事件
			$('.left-anchor li').each(function(){
				$(this).click(function(){
					$(window).scrollTop(($('.article-content h3').eq($(this).index()).offset().top)-navHeight);
					//alert($(this).index());
					if(window.innerWidth<768){
						$('#sidebar').hide();
						$('#sidebar-bg').hide();
					}
				});
			});
		}

		buildAnchor();

		//浮动菜单函数
		var flowMenu = function(validHeight){
			if($('.main-container-row').offset().top < $(window).scrollTop()+navHeight){
				//console.log('跑出去了');
				sidebar.css({
					'position' : 'fixed',
					'width' :sidebar.parent().width(),
					'height' : validHeight,
					//'top' : $(window).scrollTop()+navHeight-$('.main-container-row').offset().top,
					'top' : navHeight
				});
			}else{
				sidebar.css({
					'position' : 'relative',
					'width' : sidebar.parent().width(),
					'height' : validHeight,
					'top' : ''
				});
			}
		}


		//视口改变时
		$(window).resize(function () {
			navHeight = (window.innerWidth < 768) ? 0 : 82;
			sidebar.css({
				'width' : sidebar.parent().width()
			});
			if(window.innerWidth>=768){
				sidebar.show();
				sidebarBg.hide();
				var validHeight = $('.main-container-row').offset().top + $('.main-container-row').outerHeight()-$(window).scrollTop()-navHeight;
				flowMenu(validHeight);
			}else{
				sidebar.hide();
				sidebarBg.hide();
			}
		});
		//页面滚动时
		$(window).scroll(function(){
			var aIndex = 0;
			//为菜单加active的class
			//row底部到视口顶部的距离, 元素顶部偏移 + 元素高度 - 滚动条偏移 - 固定导航条高度
			var validHeight = $('.main-container-row').offset().top + $('.main-container-row').outerHeight()-$(window).scrollTop()-navHeight;
			//console.log(validHeigh);
			for(var i=0; i<floor.length; i++){
				if(floor[i]<($(window).scrollTop()+navHeight+10)){
					aIndex = aIndex + 1;
				}
			}
			if(aIndex>0){
				aIndex = aIndex - 1;
			}
			//console.log(aIndex);
			var actLi = $('.left-anchor li').eq(aIndex);
			actLi.siblings().each(function(){
				$(this).children(':first').removeClass('left-active-sub')
			});
			actLi.children(':first').addClass('left-active-sub');

			//PC端时, 控制左边菜单列浮动显示
			if(window.innerWidth>=768){
				flowMenu(validHeight);
			}
		});
	});
	/** 响应式sidebar 左侧菜单 **/
</script>
<!-- 返回顶部滑块 -->
<div id='clan-slider'>
    <ul>
        <li class='hidden-xs'>
            <a target='_blank' href='http://wpa.qq.com/msgrd?v=3&uin=1036167988&site=qq&menu=yes' id='slider-qq'></a>             
            <div class='clan-slider-tips'>
                QQ咨询
            </div>
        </li>
        <li class='hidden-xs'>
            <a id='slider-phone' href='javascript:void(0);'></a>
            <div class='clan-slider-tips'>
                17710722720
            </div>
        </li>
        <li class='hidden-xs'>
            <a id='slider-wechat' href='javascript:void(0);'></a>
            <div class='clan-slider-tips-wechat'>
                <img src='images/wechat.png'>
            </div>
        </li>
        <li><a id='slider-goTop' href='javascript:void(0);'></a></li>
        <!--
        <li class='visible-xs-block'>
            <a id='slider-menu' href='javascript:void(0);'></a>
        </li>
        -->
    </ul>
</div>
<!-- 返回顶部滑块 --><!-- 整站通用的尾部 -->
<div id='sidebar-bg' style='display: none;'></div>
<!-- 立即咨询 -->

<!-- 立即咨询 -->
<!-- 通用页脚 -->
<div id='footer'>
    <div class='container'>
        <div class='row'>
            <div class='col-xs-6 col-sm-2 footer-item'>
                <div class='footer-list'>
                    <h4>常用工具</h4>
                    <ul>
                        <li><a href='http://data.eastmoney.com' target='_blank'>数据查询</a></li>
                        <li><a href='http://guba.eastmoney.com'>股民论坛</a></li>
                        <li><a href='https://www.htsec.com/ChannelHome/2016102402/index.shtml'>资料下载</a></li>
                    </ul>
                </div>
            </div>
            <div class='col-xs-6 col-sm-2 footer-item'>
                <div class='footer-list'>
                    <h4>快捷裢接</h4>
                    <ul>
                        <li><a href='newslist.html'>财经十二</a></li>
                        <li><a href='caijingbowen.html'>开户指导</a></li>
                        <li><a href='xuexijinjie.html'>常见问题</a></li>
                    </ul>
                </div>
            </div>
            <div class='col-xs-6 col-sm-2 footer-item'>
                <div class='footer-list'>
                    <h4>关于我们</h4>
                    <ul>
                        <li><a href='caijingbowen.html'>联系我们</a></li>
                        <li><a href='caijingbowen.html'>服务咨询</a></li>
                        <li><a href='javascript:AddFavorite('北京股票开户','http://www.yugyud.com/');'>收藏本站</a></li>
                    </ul>
                </div>
            </div>
            <div class='col-xs-6 col-sm-2 footer-item'>
                <div class='footer-wechat'>
                    <img class='img-responsive' src='images/wechat.png'>
                    
                </div>
            </div>
            <div class='col-xs-12 col-sm-4 footer-item footer-item-last'>
                <div class='footer-contact'>
                    
                    <h2><img src='images/pc-footer-qq.png'>1036167988</h2>
                    <h2><img src='images/pc-footer-mob.png'>17710722720</h2>
                </div>
            </div>
            <div class='clearfix'></div>
        </div>
    </div>
</div>
<div id='copyright'>
    <div class='container'>
        <div class='row'>
            <div class='col-sm-12'>
                <p><a href='/yugyud/index.html'>北京股票开户</a></p>


            </div>
        </div>
    </div>
</div>
<!-- 通用页脚 -->
<!-- 手机端底部 -->
<div id='mob-bottom' class='visible-xs-block'>
    <div class='container'>
        <div class='row'>
            <div class='col-xs-3 mob-bottom-item'>
                <a href='tel:17710722720'>
                    <img class='img-responsive center-block' src='images/mob-footer-phone.png'>
                    <span>电话咨询</span>
                </a>
            </div>
            <div class='col-xs-3 mob-bottom-item'>
                <a href='tel:17710722720'>
                    <img class='img-responsive center-block' src='images/mob-footer-mob.png'>
                    <span>紧急电话</span>
                </a>
            </div>
            <div class='col-xs-3 mob-bottom-item'>
                <a href='http://wpa.qq.com/msgrd?v=3&uin=1036167988&site=qq&menu=yes'>
                    <img class='img-responsive center-block web-chat' src='images/mob-footer-chat.png'>
                    <span>在线咨询</span>
                </a>
            </div>
            <div class='col-xs-3 mob-bottom-item'>
                <a href='sms:17710722720'>
                    <img class='img-responsive center-block' src='images/mob-footer-msm.png'>
                    <span>短信咨询</span>
                </a>
            </div>
        </div>
    </div>
</div>
<!-- 手机端底部 -->
<!-- 整站通用的尾部 -->


<script type='text/javascript' src='js/common.js'></script>



</body>
</html>